// pages/login/login.js
let coord //声明 全局变量
Page({
  /**
   * 页面的初始数据
   */
  data: {
    username: '',
    password: '',
    currentTab: 0,
    isEncrypt: false,
    x: 0,
    area_width: 85, //可滑动区域的宽，单位是百分比，设置好后自动居中
    hk_width: 120, //滑块的宽,单位是 rpx
    maxNum: 0,
    show: false,
    phone: '',
    code: ''
  },
  // 拖动滑块触发的函数方法
  drag(e) {
    let that = this
    coord = e.detail.x //根据bindchange 事件获取detail的x轴
  },
  //滑块拖动结束时的方法
  dragOver(e) {
    //根据触摸 手指触摸动作结束    判断 当前的x轴 是否大于预设值的值
    this.data.maxNum, coord
    if (coord >= this.data.maxNum) {
      wx.showToast({
        title: '验证成功',
        icon: 'success',
        duration: 2000
      })
      //验证成功之后的代码
    } else {
      // 如果不大于 则设置 x周的距离为0
      this.setData({
        x: 0
      })
    }
  },
  //切换页签
  switchNav: function (e) {
    if (this.data.currentTab == e.target.dataset.current) {
      return false
    } else {
      this.setData({
        currentTab: e.target.dataset.current
      })
    }
  },
  //获取输入的账号信息
  accountInput: function (event) {
    this.setData({
      username: event.detail.value
    })
  },
  //获取输入的密码
  passwordInput: function (event) {
    console.log(event.detail.value);
    this.setData({
      password: event.detail.value
    })
  },
  //密码可见性
  isEncrypt: function () {
    const isEncrypt = !this.data.isEncrypt
    this.setData({
      isEncrypt
    })
  },
  //login判断
  async login() {
    console.clear()
    const db = wx.cloud.database()
    const { username, password } = this.data

    if (!username || !password) {
      wx.showToast({
        title: '账号或密码不能为空！',
        icon: 'none'
      })
      return
    }

    const { data } = await db.collection('users').where({
      username
    }).get({
      data: {
        username,
        password
      }
    })


    if (data.length === 0) {
      wx.showToast({
        title: '用户不存在！',
        icon: 'none'
      })
      return
    }

    if (data[0].password === password) {
      wx.showToast({
        title: '登录成功！',
        icon: 'none'
      })

      setTimeout(() => {
        wx.switchTab({
          url: '/pages/index/index',
        })
      }, 1500)
      
    } else {
      wx.showToast({
        title: '密码错误！',
        icon: 'none'
      })
    }

  },
  //手机快捷登录页面，输入手机号码
  phoneInput(event) {
    const phoneNumber = event.detail.value
    if (phoneNumber.length !== 11) {
      this.setData({
        show: true
      })
    }
  },
  changePhone(event) {
    this.setData({
      show: false
    })
  },
  //跳转到注册页面
  tapRegister: function () {
    wx.navigateTo({
      url: '/pages/register/register'
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let that = this
    wx.getSystemInfo({
      //获取系统信息 设置预设值
      success: function (res) {
        let n = Math.floor((res.windowWidth * that.data.area_width) / 100 - that.data.hk_width / 2)
        that.setData({
          maxNum: n
        })
      }
    })
  },

})